.main {
    .sort {
        background-color: #eee;
        li {
            height: 30px;
            line-height: 30px;
            width: 25%;
            float: left;
            text-align: center;
            font-size: 12px;
            color: #666;
            &.active {
                color: orange;
            }
        }
    }
    .product {
        .animate {
            width: 50px;
            height: 50px;
            border:3px solid #069;
            position: absolute;
            left: 50%;
            margin-top: 150px;
            margin-left: -25px;
            animation: zhuan 1s infinite;
        }
    }
}

@keyframes zhuan {
    form {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}